@import "../../global";

.home {
  #page-base-style();
  padding: @page-padding;

  .top {
    width: 100%;
    display: flex;

    .left {
      width: 40%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
      .item {
        width: 50%;
        height: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: white;
        box-sizing: border-box;
        .num {
          display: inline-block;
          margin-bottom: @item-margin;
          font-size: 2rem;
          font-weight: bold;
        }
      }
    }
    .right {
      width: 60%;
    }
  }

  .bottom {
    width: 100%;
    display: flex;
    align-items: center;justify-content: space-between;
  }
}